import { DialogForm } from 'custom/index'
import { ElInputNumber } from 'element-plus'
import { addCustomerConsultationRecord, getCustomerConsultationRecordDetail, saveCustomerConsultationRecord, getHotelsCitys } from '../api'
import { cooperationLevelOptions, statusOptions, starRatedOptions } from '../constant'
import RoomNameJson from '../form-page/components/RoomNameJson.vue'

const addDialog = new DialogForm('DialogForm')

addDialog
.title('新增客户公海')
.postApi(addCustomerConsultationRecord)
.useGroup('')
  .useItem('hotelsId').label('酒店ID').required().end()
  .useItem('title').label('酒店名称').required().end()
  .useApiSelect('hotelsCityId', getHotelsCitys).label('城市').setProp('valueKey', 'id').setProp('labelKey', 'name').required().end()
  .useItem('address').label('详细地址').required().end()
  .useItem('tel').label('电话').required().end()
  .useDatePicker('openingtime').setProps({  type: 'year', format: "YYYY", valueFormat: "YYYY" }).label('开业时间').end()
  .useDatePicker('decorationtime').setProps({  type: 'year', format: "YYYY", valueFormat: "YYYY" }).label('装修时间').end()
  .useCustomItem(ElInputNumber, 'roomsNum').label('房间数量').setProp('controlsPosition', 'right').setProp('min', 0).required().end()
  .useCustomItem(ElInputNumber, 'score').label('评分').setProp('controlsPosition', 'right').setProp('min', 0).end()
  .useCustomItem(ElInputNumber, 'scoreNum').label('评价数量').setProp('controlsPosition', 'right').setProp('min', 0).end()
  .useSelect('starRated', starRatedOptions ).label('酒店星级').end()
  .useSelect('status', statusOptions ).label('营业状态').required().end()
  .useSelect('cooperationLevel', cooperationLevelOptions ).label('合作等级').end()
  .useCustomItem(RoomNameJson, 'roomNameJson').label('房型')

const editDialog = new DialogForm('DialogForm')

editDialog
  .title('修改客户公海')
  .getApi(getCustomerConsultationRecordDetail)
  .postApi(saveCustomerConsultationRecord)
  .useGroup('基本信息')
    .useItem('hotelsId').label('酒店ID').required().end()
    .useItem('title').label('酒店名称').required().end()
    .useApiSelect('hotelsCityId', getHotelsCitys).label('城市').setProp('valueKey', 'id').setProp('labelKey', 'name').required().end()
    .useItem('address').label('详细地址').required().end()
    .useItem('tel').label('电话').required().end()
    .useDatePicker('openingtime').setProps({  type: 'year', format: "YYYY", valueFormat: "YYYY" }).label('开业时间').end()
    .useDatePicker('decorationtime').setProps({  type: 'year', format: "YYYY", valueFormat: "YYYY" }).label('装修时间').end()
    .useCustomItem(ElInputNumber, 'roomsNum').label('房间数量').setProp('controlsPosition', 'right').setProp('min', 0).required().end()
    .useCustomItem(ElInputNumber, 'score').label('评分').setProp('controlsPosition', 'right').setProp('min', 0).end()
    .useCustomItem(ElInputNumber, 'scoreNum').label('评价数量').setProp('controlsPosition', 'right').setProp('min', 0).end()
    .useSelect('starRated', starRatedOptions ).label('酒店星级').end()
    .useSelect('status', statusOptions ).label('营业状态').required().end()
    .useSelect('cooperationLevel', cooperationLevelOptions ).label('合作等级').end()
    .useCustomItem(RoomNameJson, 'roomNameJson').label('房型')

export { addDialog, editDialog }
